.infoMain{
  width: 100%;
  .infoImg{
    width: 100%;
    height: 500rpx;
  }
  .infoName{
    width: 100%;
    padding: 20rpx 40rpx;
    color: #494949;
  }
}
.infoData{
  background-color: #fff;
  margin: 20rpx;
  padding: 20rpx;
  .infoTips{
    margin: 20rpx 0;
    color: #B50005;
    font-size: 33rpx;
    font-weight: 600;
  }
  .infoText{
    color: #505050;
    font-size: 25rpx;
    line-height: 45rpx;
  }
}

.showList{
  width: 100%;
  .showImg{
    width: 100%;
    margin-bottom: 40rpx;
    border-radius: 40rpx;
  }
}

.infoColor{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  .colorBox{
    width: 100rpx;
    color: #505050;
    font-size: 30rpx;
    text-align: center;
    margin: 20rpx;
    image{
      width: 100%;
      height: 200rpx;
    }
  }
}

.infoConfig{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  .configBox{
    margin: 20rpx;
    image{
      width: 200rpx;
      height: 300rpx;
    }
  }
}

.swiperBox{
  width: 100%;
  height: 100%;
  .swiperImg{
    width: 100%;
    height: 100%;
    position: relative;
    // margin: 10rpx;
  }
  
}
.swiperTips{
  width: 100%;
  // background-color: rgba(85, 83, 83, 0.6);
  background-color: #fff;
  // color: #fff;
  padding: 20rpx 0;
  // text-align: center;
  font-size: 30rpx;
  padding: 20rpx 20rpx;
}